<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2020/7/28
  Time: 11:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="../res/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="../res/css/main.css">
    <!--加载meta IE兼容文件-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="header">
    <div class="menu-btn">
        <div class="menu"></div>
    </div>
    <h1 class="logo">
        <a href="index.html">
            <span>MYBLOG</span>
            <img src="../res/img/logo.png">
        </a>
    </h1>
    <div class="nav">
        <a href="index" >文章</a>
        <a href="/indexweiyu">微语</a>
        <a href="/indexliuyan" class="active">留言</a>
        <a href="/indexphoto">相册</a>
        <a href="/about.jsp">关于</a>
    </div>
    <ul class="layui-nav header-down-nav">
        <li class="layui-nav-item"><a href="index" >文章</a></li>
        <li class="layui-nav-item"><a href="/indexweiyu">微语</a></li>
        <li class="layui-nav-item"><a href="/indexliuyan" class="active">留言</a></li>
        <li class="layui-nav-item"><a href="/indexphoto">相册</a></li>
        <li class="layui-nav-item"><a href="about.html">关于</a></li>
    </ul>
    <p class="welcome-text">
        欢迎来到<span class="name">欧尼酱</span>的博客~
    </p>
</div>

<div class="banner">
    <div class="cont w1000">
        <div class="title">
            <h3>MY<br />BLOG</h3>
            <h4>well-balanced heart</h4>
        </div>
        <div class="amount">
            <p><span class="text">访问量</span><span class="access">1000</span></p>
            <p><span class="text">日志</span><span class="daily-record">1000</span></p>
        </div>
    </div>
</div>



<div class="content whisper-content leacots-content">
    <div class="cont w1000">
        <div class="whisper-list">
            <div class="item-box">
                <div class="review-version">
                    <div class="form-box">
                        <img class="banner-img" src="../res/img/liuyan.jpg">
                        <div class="form">
                            <form class="layui-form" action="/liuyanadd" method="post" style="width:100%;margin: 50px auto;">
                                <div class="layui-form-item" type="hidden" >
                                    <div class="layui-input-block" style="display:none">
                                        <input type="text" name="username" type="hidden" id="username" value="${sessionScope.login.username}" lay-verify autocomplete="off"
                                               placeholder=""
                                               class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item" style="display:none">
                                    <div class="layui-input-block">
                                        <input type="text" name="userimg" id="userimg" type="hidden" value="${sessionScope.login.userimg}" lay-verify autocomplete="off"
                                               placeholder="请输入微语图片"
                                               class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item" style="width: 90% ;height: 250px">
                                    <label class="layui-form-label"></label>
                                    <div class="layui-input-block" style="width: 90% ;height: 250px">
                                        <textarea name="liuyancontent" id="liuyancontent" placeholder="既然来了，就说几句" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                                <div class="layui-form-item" style="display:none">
                                    <div class="layui-input-block">
                                        <input type="text" name="cid" id="cid" value="10"  lay-verify autocomplete="off"
                                               placeholder="请输入微语图片"
                                               class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-input-block">
                                        <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                                        <button type="reset" class="layui-btn layui-btn-primary" style="display: none">重置</button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="volume">
                        全部留言 <span>${size}</span>
                    </div>
                    <div class="list-cont">
                            <c:forEach items="${content}" var="ac">
                        <div class="cont">
                            <div class="img">
                                <img src="${ac.userimg}" alt="" STYLE="height: 50px;width: 50px">
                            </div>
                            <div class="text">
                                <p class="tit"><span class="name">${ac.username}</span><span class="data">${ac.liuyantime}</span></p>
                                <p class="ct">${ac.liuyancontent}</p>
                            </div>
                        </div>
                            </c:forEach>
                    </div>
                </div>
            </div>
        </div>
        <div style="text-align: center;margin: 20px auto;">
            <div class="layui-btn-group" id="showPage">
                <a href="/indexliuyan?p=1"> <button type="button" page="1" class="layui-btn  layui-btn-primary">首页 </button></a>
                <c:forEach begin="1" end="${totalPages}" var="k">
                    <a href="/indexliuyan?p=${k}"> <button type="button" page=${k} class="layui-btn ${k==currenPage?'layui-btn-danger':'layui-btn-primary'} ">${k}</button></a>
                </c:forEach>
                <a href="/indexliuyan?p=${totalPages}"> <button type="button" page="${totalPages}" class="layui-btn  layui-btn-primary">尾页</button></a>
            </div>
        </div>
    </div>
</div>
<div class="footer-wrap">
    <div class="footer w1000">
        <div class="qrcode">
            <img src="../res/img/erweima.jpg">
        </div>
        <div class="practice-mode">
            <img src="../res/img/down_img.jpg">
            <div class="text">
                <h4 class="title">我的联系方式</h4>
                <p>微信<span class="WeChat">1234567890</span></p>
                <p>手机<span class="iphone">1234567890</span></p>
                <p>邮箱<span class="email">1234567890@qq.com</span></p>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="../res/layui/layui.js"></script>
<script type="text/javascript">

</script>
</body>
</html>
